<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/application/timeline.css">
	
<script type="text/javascript" src="<?php echo base_url() ?>assets/js/sly.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>assets/js/sly-plugins.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>assets/js/pages/timeline.js"></script>

<div class="page-map-titl">
	<h1>DI TÍCH VÀ BẢO TÀNG</h1>
</div>

<div id="bigmap"></div>

<div class="event-list places-list">
	<!-- Load list event by timeline -->
	<h2 class="titl">DANH SÁCH SỰ KIỆN</h2>
	<ul class="list">
		<li ng-click="viewPlace('all')">
			<p class="region">All</p>
			<p class="name">Xem tất cả</p>
		</li>
		<li ng-repeat="place in places | simpleFilter:searchPlace:'title' | vnSort:'title'" ng-click="viewPlace(place._id.$id)">
			<p class="region {{place.region | lowercase}}">
				{{place.region}}
			</p>
			<p class="name">{{place.title}}</p>
			<p class="link">
				<a href="#/reference/{{place._id.$id}}"><span class="glyphicon glyphicon-tags"></span> &nbsp; Xem bài viết</a>
			</p>
		</li>
	</ul>
</div>

<div class="hsplace search-form">
	<div class="input-group">
		<input class="form-control" type="text" ng-model="searchPlace">
		<div class="input-group-addon">Bộ lọc</div>
	</div>
</div>